<div class="main-g-affairs-type">
    <el-row>
        <el-col :span="6">
            <border-item>
                <div class="echart-item" style="margin-bottom:20px">
                    <div class="title" style="border-color:#0E3E5A">投资进度TOP5项目</div>
                    <div ref="echartDiv1" style="height:calc(11.5vw - 20px);width:100%"></div>
                    <div class="title-icon">
                        <span class="icon-span jindu"></span>
                        <span>进度</span>
                    </div>
                </div>
            </border-item>
            <border-item>
                <div class="echart-item" style="margin-bottom:20px">
                    <div class="title" style="border-color:#0E3E5A">计划总投资额TOP5项目</div>
                    <div ref="echartDiv2" style="height:calc(11.5vw - 20px);width:100%"></div>
                    <div class="title-icon">
                        <span class="icon-span"></span>
                        <span>计划总投资额</span>
                    </div>
                </div>
            </border-item>
            <border-item>
                <div class="echart-item">
                    <div class="title" style="border-color:#0E3E5A">项目进度总览</div>
                    <div ref="echartDiv3" style="height:11.5vw;width:100%"></div>
                </div>
            </border-item>
        </el-col>
        <el-col :span="12">
            <div style="width:100%;color: #fff;padding: 0 15px;box-sizing: border-box">
                <!-- <border-item> -->
                    <el-row style="padding:10px; display: flex;align-items: center">
                        <el-col :span="6">
                            <progress-ball percent="60"/>
                            <div style="text-align:center;font-size: 14px;padding: 5px 0">经济发展指标完成进度</div>
                        </el-col>
                        <el-col :span="9">
                            <div class="progress-item middle">
                                <div class="title">地区生产总值（%） </div>
                                <el-progress :text-inside="false" :stroke-width="strokeWidth" :percentage="65" color="#43FF78"></el-progress>
                            </div>
                            <div class="progress-item heigh">
                                <div class="title">固定资产投资（亿元）</div>
                                <el-progress :text-inside="false" :stroke-width="strokeWidth" :percentage="65" color="#43FF78"></el-progress>
                            </div>
                            <div class="progress-item heigh">
                                <div class="title">服务贸易额（%）
                                </div>
                                <el-progress :text-inside="false" :stroke-width="strokeWidth" :percentage="65" color="#43FF78"></el-progress>
                            </div>
                        </el-col>
                        <el-col :span="9">
                            <div class="progress-item heigh">
                                <div class="title">社会消费品零售额（%） </div>
                                <el-progress :text-inside="false" :stroke-width="strokeWidth" :percentage="65" color="#43FF78"></el-progress>
                            </div>
                            <div class="progress-item middle">
                                <div class="title">外面进出口总额（亿美元）</div>
                                <el-progress :text-inside="false" :stroke-width="strokeWidth" :percentage="65" color="#43FF78"></el-progress>
                            </div>
                            <div class="progress-item low">
                                <div class="title">实际利用外资（万美元）</div>
                                <el-progress :text-inside="false" :stroke-width="strokeWidth" :percentage="8" color="#43FF78"></el-progress>
                            </div>
                        </el-col>
                    </el-row>
                <!-- </border-item> -->
            </div>
        </el-col>
        <el-col :span="6">
            <border-item style="margin-bottom:20px">
                <div class="echart-item">
                    <div class="title" style="border-color:#0E3E5A">项目类别总览</div>
                    <div ref="echartDiv4" style="height:11.5vw;width:100%"></div>
                </div>
            </border-item>
            <border-item>
                <div class="echart-item" style="margin-bottom:20px">
                    <div class="title" style="border-color:#0E3E5A">直接责任单位重大项目个数</div>
                    <div ref="echartDiv5" style="height:11.5vw;width:100%"></div>
                </div>
            </border-item>
            <border-item>
                <div class="echart-item">
                    <div class="title" style="border-color:#0E3E5A">重大项目总投资额趋势图</div>
                    <div ref="echartDiv6" style="height:11.5vw;width:100%"></div>
                </div>
            </border-item>
        </el-col>
    </el-row>
</div>